/*	BODY
	*/
	body, html {
		background: white url("../../media/images/bs_bg-body.png") left top repeat;
		height: 100%;
			width: 960px;
		margin: auto;
			padding: 16px 0;
		text-align: left;
		}
	h1, h2, h3 {
		margin: 1em 0;
		}
	h1:first-child, h2:first-child, h3:first-child {
		margin-top: 0;
		}
	h1 {
		color: #787878;
			font-family: Times, serif;
			font-style: italic;
			font-size: 182%;
			font-weight: normal;
		text-shadow: 2px 2px 2px rgba(0,0,0,.05);
		}
	h2 {
		border-bottom: 1px solid #f03c78;
		color: #f03c78;
			font-size: 100%;
			font-weight: normal;
		line-height: 167%;
		}
	h3 {
		font-size: 100%;
		margin-bottom: 0.25em;
		}
	h4 {
		color: #787878;
		font-size: 100%;
		font-style: italic;
		font-weight: normal;
		}
	ol li,
	ul li {
		list-style: none;
		}
	a:link,
	a[class]:visited {
		color: #f03c78;
		text-decoration: none;
		}
	a[class]:hover {
		text-decoration: underline;
		}
	a.download {
		background: transparent url("../../media/images/bs_ico-download.png") left center no-repeat;
		padding-left: 18px;
		}
	a.extern {
		background: transparent url("../../media/images/bs_ico-extern.png") left center no-repeat;
		padding-left: 18px;
		}
	a.mail {
		background: transparent url("../../media/images/bs_ico-mail.png") left center no-repeat;
		padding-left: 18px;
		}
	a.video {
		background: transparent url("../../media/images/bs_ico-video.png") left center no-repeat;
		padding-left: 18px;
		}
	strong {
		font-weight: bold;
		}


/*	DOCUMEMT
	*/
	#construct {
		overflow: visible;
		}
	#construct * {
		-webkit-transition: all 125ms ease-in-out;
		-moz-transition: all 125ms ease-in-out;
		-o-transition: all 125ms ease-in-out;
		-ms-transition: all 125ms ease-in-out;
		transition: all 125ms ease-in-out;
		}


/*	NAVIGATION 1
	*/
	#nav1 {
		border-bottom: 3px solid #f03c78;
		color: white;
		font-weight: bold;
		margin: 0;
		overflow: hidden;
		}
	#nav1 li {
		background: transparent url("../../media/images/bs_bg-nav1.png") right top repeat;
		float: left;
			opacity: 0.6;
		padding-right: 20px;
		position: relative;
		}
	#nav1 li + li {
		margin-left: -24px;
			padding-left: 20px;
		}
	#nav1 li[value="0"] { z-index: 30; }
	#nav1 li[value="1"] { z-index: 20; }
	#nav1 li[value="2"] { z-index: 10; }

	#nav1 li:hover {
		background-image: url("../../media/images/bs_bg-nav1-hover.png");
		opacity: 0.8;
		}
	#nav1 li.active {
		background-image: url("../../media/images/bs_bg-nav1-active.png");
		opacity: 1;
		}
	#nav1 li a {
		display: block;
		font-size: 123.1%;
			color: white;
			height: 32px;
			line-height: 36px;
		padding: 0 32px;
		text-shadow: 1px 1px 0 rgba(0,0,0,.25);
		}
	#nav1 li + li a {
		padding-left: 4px;
		}
	#nav1 li a:hover {
		cursor: pointer;
		}


/*	NAVIGATION 2
	*/
	#nav2 {
		background: white url("../../media/images/bs_bg-nav2.png") left top repeat;
			border-bottom-left-radius: 1px;
			border-bottom-right-radius: 1px;
			box-shadow: 0 6px 4px -2px rgba(0,0,0,.1), inset 1px 0 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(0,0,0,.1), inset 0 -12px 12px -8px rgba(0,0,0,.1);
		line-height: 32px;
		margin: 0;
		position: relative;
		z-index: 10;
		}
	#nav2 li {
		border-bottom: 2px solid transparent;
		display: inline-block;
		line-height: 28px;
		margin: 1px 16px;
		}
	#nav2 li:hover {
		border-bottom-color: #c8c8c8;
		border-bottom-color: #3c78f0;
		}
	#nav2 li.active {
		border-bottom-color: #f03c78;
		color: #787878;
		}
	#nav2 li a {
		border-right: 1px solid #787878;
		color: #505050;
		margin: 0 -16px;
		padding: 0 16px;
		}
	#nav2 li a:hover {
		color: black;
		cursor: pointer;
		}


/*	NAVIGATION 3
	*/
	#nav3 {
		background: #787878 url("../../media/images/lines.png") left top repeat;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			box-shadow: inset 0 16px 32px -16px black, 0 4px 2px -2px rgba(0,0,0,.25), inset -1px -1px 0 rgba(0,0,0,.1);
		color: white;
		margin: 0 8px;
			margin-bottom: 8px;
			padding: 6px 6px;
		overflow: hidden;
		}
	#nav3:hover {
		background-color: #505050;
		}
	#nav3:hover img {
		opacity: .6;
		}
	#nav3 > li {
		background-color: black;
		border: 1px solid #f0f0f0;
		float: left;
		height: 48px;
		margin: 2px;
		}
	#nav3 li:hover {
		border-color: #c8c8c8;
			box-shadow: 0 0 8px rgba(255,255,255,.5);
		}
	#nav3 li:hover img {
		opacity: 1;
		}
	#nav3 li.active {
		background-color: #f03c78;
			border-color: #f03c78;
			box-shadow: 0 0 8px rgba(140,60,120,1);
		opacity: 1;
		}
	#nav3 li.active img {
		opacity: .8;
		}
	#nav3 li a {
		cursor: pointer;
		}
	#nav3 li img {
		display: block;
		}


/*	CONTENT
	*/
	#content {
		background: white url("../../media/images/bs_bg-nav2.png") left top repeat;
			border-radius: 8px;
			box-shadow: 0 4px 2px -2px rgba(0,0,0,.05), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(0,0,0,.1), inset 0 -12px 12px -8px rgba(0,0,0,.1);
		font-size: 100%;
		margin: 4px 0;
			padding: 16px;
		}
	#content_main {
		margin-right: 32px;
		width: 700px;
		}
	#content_main li p strong {
		font-size: 108%;
		}
	#content_main ol,
	#content_main ul {
		margin: 1em 0;
		}
	#content_main ul {
		margin-left: 1em;
		}
	#content_main ul li {
		list-style: square outside;
		margin-left: 1em;
		}
	#content_main ol ol > li {
		margin-bottom: 2em;
			margin-left: 1em;
		}
	#content_main ol ol p {
		margin-bottom: 0.5em;
		}
	#content_main ol ol ul {
		margin-top: 0.5em;
		}
	#content_complementary {
		border-left: 1px solid #c8c8c8	;
		color: #787878;
			font-size: 93%;
			font-style: italic;
		margin-left: 16px;
			padding-bottom: 32px;
			padding-left: 16px;
		width: 160px;
		}
	#content_description, p {
		margin-bottom: 1em;
		}


/*	FOOTER
	*/
	#footer	{
		background: white url("../../media/images/bs_bg-nav2.png") left top repeat;
			box-shadow: 0 4px 2px -2px rgba(0,0,0,.05), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(0,0,0,.1), inset 0 -12px 12px -8px rgba(0,0,0,.1);
		font-size: 93%;
		line-height: 32px;
		padding: 0 16px;
		}
	#footer_debug {
		text-align: right;
		}


/*	ALLGEMEIN
	*/
	.bs-hide {
		display: none !important;
		}
	.color-g1 { color: #f0f0f0; }
	.color-g2 { color: #c8c8c8; }
	.color-g3 { color: #a0a0a0; }
	.color-g4 { color: #787878; }
	.color-g5 { color: #505050; }
	.italic { font-style: italic; }
	.bs-error {
		background-color: #f03c78;
		color: white;
		font-size: 123.1%;
		padding: 8px;
		}
